<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>联系人</title>
	<link rel="stylesheet" href="contactPerson.css">
	<link rel="stylesheet" href="index.css">
</head>
<body>
	<div class="box">
		<div class="div_head">
			<div class="head_left">微信</div>
			<div class="head_right">
				<div class="search"><img src="images/plus.png"></div>
				<div class="add"><img src="images/search.png"></div>
			</div>
		</div>
		<div class="div_body_txl">
			<div class="container">
				<div class="newFriend">
					<div class="newF_img"><img src="images/newFriend.png"></div>
					<div class="newF_txt">新的朋友</div>
				</div>
				<div class="div_line"></div>

				<div class="newFriend">
					<div class="newF_img"><img src="images/groupChat.png"></div>
					<div class="newF_txt">群聊</div>
				</div>
				<div class="div_line"></div>

				<div class="newFriend">
					<div class="newF_img"><img src="images/label.png"></div>
					<div class="newF_txt">标签</div>
				</div>
				<div class="div_line"></div>

				<div class="newFriend">
					<div class="newF_img"><img src="images/pub_number.png"></div>
					<div class="newF_txt">公众号</div>
				</div>
			</div>	
			<div class="gray_star">星标朋友</div>
			
			<div class="container">
				<div class="newFriend">
						<div class="newF_img"><img src="images/label.png"></div>
						<div class="newF_txt">小明</div>
					</div>
					<div class="div_line"></div>
				<div class="newFriend">
						<div class="newF_img"><img src="images/label.png"></div>
						<div class="newF_txt">大王</div>
					</div>
			</div>
			<div class="gray_star">A</div>

			<div class="container">
				<div class="newFriend">
						<div class="newF_img"><img src="images/label.png"></div>
						<div class="newF_txt">angel</div>
					</div>
					<div class="div_line"></div>

					<div class="newFriend">
						<div class="newF_img"><img src="images/label.png"></div>
						<div class="newF_txt">阿里</div>
					</div>
					<div class="div_line"></div>

					<div class="newFriend">
						<div class="newF_img"><img src="images/label.png"></div>
						<div class="newF_txt">阿健</div>
					</div>
					<div class="div_line"></div>
			</div>
		</div>
		<div class="div_foot">
			<div class="foot_wechat">
				<a href="index.html">
					<div class="foot_press"><img src="images/pressBlue.png"></div>
					<div class="txt">微信</div>
				</a>
			</div>
			<div class="foot_tel">
				<a href="contactPerson.html">
					<div class="foot_txl"><img src="images/txlBlue.png"></div>
					<div class="txt">通讯录</div>
				</a>
			</div>
			<div class="foot_find">
				<a href="find.html">
					<div class="foot_discovery"><img src="images/discover.png"></div>
					<div class="txt">发现</div>
				</a>
			</div>
			<div class="foot_me">
				<a href="PersonInfo.html">
					<div class="foot_me"><img src="images/me.png"></div>
					<div class="txt">我</div>
				</a>
			</div>
		</div>
	</div>	
</body>
</html>